// JavaScript Document
$(document).ready(function() {
    //Tooltips
    $(".tip_trigger").hover(function(){
        tip = $(this).find('.tip');
        tip.show(); //Show tooltip
    }, function() {
        tip.hide(); //Hide tooltip
    }).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coodrinates
        var mousey = e.pageY + 20; //Get Y coordinates
        var tipWidth = tip.width(); //Find width of tooltip
        var tipHeight = tip.height(); //Find height of tooltip

        //Distance of element from the right edge of viewport
        var tipVisX = $(window).width() - (mousex + tipWidth);
        //Distance of element from the bottom of viewport
        var tipVisY = $(window).height() - (mousey + tipHeight);

        if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
            mousex = e.pageX - tipWidth - 20;
        } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
            mousey = e.pageY - tipHeight - 20;
        }
        //Absolute position the tooltip according to mouse position
        tip.css({  top: mousey, left: mousex });
    });
	
});
function Product()
{
	this.quickView = function(mediaid)
	{
		var eid = "popupquickView";
		$('body').append('<div id="'+eid+'" style="display:none"></div>');
		$("#"+eid).attr('title','Sản phẩm');
		$( "#"+eid ).dialog({
			autoOpen: false,
			show: "blind",
			hide: "explode",
			width: 800,
			height: window.innerHeight,
			modal: true,
			close:function()
				{
					$('#'+eid).remove();
					
				},
			
		});
		$("#"+eid).dialog("open");
		$("#"+eid).html(loading);
		$("#"+eid).load("?route=module/product/quickView&id="+mediaid);
	}
}
var pro = new Product();